<!DOCTYPE html>
<script src="../js/jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/easyui/jquery.easyui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/easyui/locale/easyui-lang-zh_CN.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/ztree/jquery.ztree.all-3.5.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="../js/easyui/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="../js/easyui/themes/icon.css" />
<link rel="stylesheet" type="text/css" href="../js/ztree/zTreeStyle.css" />
<script type="text/javascript">
	$(function(){
				// 页面加载后，对datagrid 进行设置
				$("#grid").datagrid({
					// 设置表格一些属性 
					columns : [[ // 二维数组 支持 多级表头， 每一个数组 就是表头一行
						{
							field: "id", // 用于和服务器返回json中字段对应 
							title: "编号", // 列标题显示内容， <th>
							width: 100
						},
						{
							field: "name", // 用于和服务器返回json中字段对应 
							title: "商品名称", // 列标题显示内容， <th>
							width: 100
						},
						{
							field: "price", // 用于和服务器返回json中字段对应 
							title: "价格", // 列标题显示内容， <th>
							width: 100
						}
					]],
					url : "product.json", // 加载json数据，显示表格数据 
					pagination : true , // 分页工具条
					toolbar : [  // 一维数组，定义按钮 
						{
							id : "saveBtn",
							text : "保存",
							iconCls : "icon-save",
							handler : function(){
								alert("保存...");
							}
						}
					]
				});
			});

</script>

<head>
	<meta charset="UTF-8">
	<title></title>
</head>

<body>
	<!--<div id="win" class="easyui-window" title="My Window" modal="true" style="width:600px;height:400px" data-options="iconCls:'icon-save',modal:true,collapsible:false,closed:true">
		Window Content

	</div>
	<input type="button" id="openBtn" value="打开" />
	<input type="text" name="username" id="username" />
	<select id="cc" class="easyui-combobox" name="dept" style="width:200px;">

		<option value="aa">aitem1</option>

		<option>bitem2</option>

		<option>bitem3</option>

		<option>ditem4</option>

		<option>eitem5</option>

	</select>
	<input id="birthday" type="text" class="easyui-datebox" required="required">
	</input>-->
	<table id="grid"></table>
</body>

</html>